body,ul,li,h1,h2,span {
	margin: 0;
	padding: 0;
	font-family: NanumGothicWeb;
	text-decoration: none;
}

ul {
	list-style: none;
}

body {
	font-size:12px;
	font-family: NanumGothicWeb;
	margin: 0auto;
	background: rgb(242, 249, 254); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:
		url();
	background: -moz-linear-gradient(left, rgba(242, 249, 254, 1) 0%,
		rgba(214, 240, 253, 1) 100% ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(242,
		249, 254, 1) ), color-stop(100%, rgba(214, 240, 253, 1) ) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(242, 249, 254, 1) 0%,
		rgba(214, 240, 253, 1) 100% ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(242, 249, 254, 1) 0%,
		rgba(214, 240, 253, 1) 100% ); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(242, 249, 254, 1) 0%,
		rgba(214, 240, 253, 1) 100% ); /* IE10+ */
	background: linear-gradient(left, rgba(242, 249, 254, 1) 0%,
		rgba(214, 240, 253, 1) 100% ); /* W3C */
	filter: progid :       DXImageTransform.Microsoft.gradient (      
		  startColorstr =   
		   '#f2f9fe', endColorstr =       '#d6f0fd', GradientType =       1 );
	/* IE6-8 */
}



/** TOP 遺�텇 CSS */
#boxmain {
	border: 3px solid black;
	width: 1000px;
	min-height: 1000px;
	height: : auto !important;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 1px 1px 5px #000;
	-webkit-box-shadow: 1px 1px 5px #000;
	box-shadow: 1px 1px 5px #000;
}

/* 프로젝트 관련 CSS  */
#center_body {
	margin: 0 auto;
	width: 1000px;
	height: 1000px;
}

#top_menu {
	width: 1000;
	height: 100;
	border: 1px solid black;
	background: white;
}
#top_right_menu{
	line-height: 15px;
	float: right;
	color: #646464;
	padding: 0pt 5px;
	display: block;
}
#middel_menu {
	width: 1000;
	height: 29;
	vertical-align:middle;
	border: 1px solid black;
	background: rgb(197, 222, 234); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(197, 222, 234, 1) 0%,
		rgba(138, 187, 215, 1) 31%, rgba(6, 109, 171, 1) 100% ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(197
		, 222, 234, 1) ), color-stop(31%, rgba(138, 187, 215, 1) ),
		color-stop(100%, rgba(6, 109, 171, 1) ) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(197, 222, 234, 1) 0%,
		rgba(138, 187, 215, 1) 31%, rgba(6, 109, 171, 1) 100% );
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(197, 222, 234, 1) 0%,
		rgba(138, 187, 215, 1) 31%, rgba(6, 109, 171, 1) 100% );
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(197, 222, 234, 1) 0%,
		rgba(138, 187, 215, 1) 31%, rgba(6, 109, 171, 1) 100% ); /* IE10+ */
	background: linear-gradient(-45deg, rgba(197, 222, 234, 1) 0%,
		rgba(138, 187, 215, 1) 31%, rgba(6, 109, 171, 1) 100% ); /* W3C */
	filter: progid : DXImageTransform.Microsoft.gradient (   startColorstr =
		'#c5deea', endColorstr = '#066dab', GradientType = 1 );
	/* IE6-9 fallback on horizontal gradient */
}

#middel_menu2 {
	float: right;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #646464;
	padding: 0pt 5px;
	display: block;
	line-height: 30px;
}

/*DROP MENU*/
/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 30.06.2009
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <div><ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
 *                  </li>
 *              </ul></div>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */

/* menu::base */
div#menu {
	background: transparent url(images/menu_m.png) repeat-x scroll 0 0;
	top: 0;
	left: 0;
	color: #646464;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;	
}

ul.menu {
	clear: both;
	float: none;
	cursor: pointer;
	z-index: 1;
	position: relative;
}

div#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	z-index: 2;
	position: relative;
}

div#menu li {
	position: relative;
	margin: 0px;
	padding: 0px;
	display: block;
	overflow: visible;
	float: left;  
	height: 30px;
	z-index: 3;
}
/* menu::level1 */
div#menu li a {
	height: 30px;
	display: block;
	float: left;
	line-height: 30px;
	text-decoration: none;
	color: #646464;
	overflow: hidden;
	z-index: 4;
    position: relative;
}

div#menu li span {  
	color: #646464; 
	display: block;
	padding: 0 15px;
    background-repeat: no-repeat;
	background-position: 95% 0px;
	z-index: 6;
	position: relative;
}

div#menu li span.bg { 
	display: block;
  background: transparent url('images/menu_level1_item.png') repeat-x scroll 0pt 100%;
  padding: 0;
	height: 30px;
	z-index: 5;
	position: relative;
  float: left;
}

div#menu li.current {  
	font-weight: bold;
}

div#menu li.current ul {  
	font-weight: normal;
}

/* menu::level2 */
div#menu ul.menu ul {
	padding: 0px 0px 10px;
	background: transparent url('images/menu_dropdown_bg.png') no-repeat scroll 0pt 100%; 
	_background: transparent url('images/menu_dropdown_bg.gif') no-repeat scroll 0pt 100%;	
	left: -999em; 
	width: 165px;
	position: absolute;
	top: 30px;
}

div#menu li:hover ul, div#menu li.sfhover ul { 
	left: 0px; 
	z-index: 100;
	visibility: visible; 
}

div#menu li li { 
	width: 100%; 
	text-indent: 0px;
	float: none; 
	height: auto;
}

div#menu li li a, div#menu li li span.separator { 
	margin: 0px 1px;
	padding: 0px; 
	background: url('images/menu_level2_item.gif') no-repeat scroll 100% bottom;
	height: auto; 
	float: none; 
	display: block; 
	line-height: 25px; 
	width: 163px;
}

div#menu li li a.parent { 
	background: url('images/menu_level2_item_parent.gif') no-repeat scroll 100% bottom;
}

/* menu::level3 */
div#menu li ul ul { 
	margin: -31px 0 0 164px;
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul { 
	border-top: 1px solid #ccc; 
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul, div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul, div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul { 
	left: -999em; 
}
div#menu li li:hover ul, div#menu li li.sfhover ul, div#menu li li li:hover ul, div#menu li li li.sfhover ul, div#menu li li li li:hover ul, div#menu li li li li.sfhover ul { left: 0pt; z-index: 100; }

div#menu a:hover {
	color: #000;
}
div#menu span:hover {
	color: #000;
}
div#menu li ul span:hover {
	color: #000000;
}
 
/* index  */

.galleria-container {
    position: relative;
    overflow: hidden;
    background: #383839;
}
.galleria-container img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}
.galleria-stage {
    position: absolute;
    top: 10px;
    bottom: 60px;
    left: 10px;
    right: 10px;
    overflow:hidden;
}
.galleria-thumbnails-container {
    height: 50px;
    bottom: 0;
    position: absolute;
    left: 10px;
    right: 10px;
    z-index: 2;
}
.galleria-carousel .galleria-thumbnails-list {
    margin-left: 30px;
    margin-right: 30px;
}
.galleria-thumbnails .galleria-image {
    height: 40px;
    width: 60px;
    background: #000;
    margin: 0 5px 0 0;
    border: 1px solid #000;
    float: left;
    cursor: pointer;
}
.galleria-counter {
    position: absolute;
    bottom: 10px;
    left: 10px;
    text-align: right;
    color: #fff;
    font: normal 11px/1 arial,sans-serif;
    z-index: 1;
}
.galleria-loader {
    background: #000;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: none;
    background: url(classic-loader.gif) no-repeat 2px 2px;
}
.galleria-info {
    width: 50%;
    top: 15px;
    left: 15px;
    z-index: 1;
    position: absolute;
}
.galleria-info-text {
    background-color: #000;
    padding: 12px;
    display: none;
    /* IE7 */ zoom:1;
}
.galleria-info-title {
    font: bold 12px/1.1 arial,sans-serif;
    margin: 0;
    color: #fff;
    margin-bottom: 7px;
}
.galleria-info-description {
    font: italic 12px/1.4 georgia,serif;
    margin: 0;
    color: #bbb;
}
.galleria-info-close {
    width: 9px;
    height: 9px;
    position: absolute;
    top: 5px;
    right: 5px;
    background-position: -753px -11px;
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: pointer;
    display: none;
}
.notouch .galleria-info-close:hover{
    opacity:1;
    filter: alpha(opacity=100);
}
.touch .galleria-info-close:active{
    opacity:1;
    filter: alpha(opacity=100);
}
.galleria-info-link {
    background-position: -669px -5px;
    opacity: .7;
    filter: alpha(opacity=70);
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-color: #000;
}
.notouch .galleria-info-link:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.touch .galleria-info-link:active {
    opacity: 1;
    filter: alpha(opacity=100);
}
.galleria-image-nav {
    position: absolute;
    top: 50%;
    margin-top: -62px;
    width: 100%;
    height: 62px;
    left: 0;
}
.galleria-image-nav-left,
.galleria-image-nav-right {
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: pointer;
    width: 62px;
    height: 124px;
    position: absolute;
    left: 10px;
    z-index: 2;
    background-position: 0 46px;
}
.galleria-image-nav-right {
    left: auto;
    right: 10px;
    background-position: -254px 46px;
    z-index: 2;
}
.notouch .galleria-image-nav-left:hover,
.notouch .galleria-image-nav-right:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.touch .galleria-image-nav-left:active,
.touch .galleria-image-nav-right:active {
    opacity: 1;
    filter: alpha(opacity=100);
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right {
    cursor: pointer;
    display: none;
    background-position: -495px 5px;
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 23px;
    z-index: 3;
    opacity: .8;
    filter: alpha(opacity=80);
}
.galleria-thumb-nav-right {
    background-position: -578px 5px;
    border-right: none;
    right: 0;
    left: auto;
}
.galleria-thumbnails-container .disabled {
    opacity: .2;
    filter: alpha(opacity=20);
    cursor: default;
}
.notouch .galleria-thumb-nav-left:hover,
.notouch .galleria-thumb-nav-right:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #111;
}
.touch .galleria-thumb-nav-left:active,
.touch .galleria-thumb-nav-right:active {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #111;
}
.notouch .galleria-thumbnails-container .disabled:hover {
    opacity: .2;
    filter: alpha(opacity=20);
    background-color: transparent;
}

.galleria-carousel .galleria-thumb-nav-left,
.galleria-carousel .galleria-thumb-nav-right {
    display: block;
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right,
.galleria-info-link,
.galleria-info-close,
.galleria-image-nav-left,
.galleria-image-nav-right {
    background-image: url(classic-map.png);
    background-repeat: no-repeat;
}
/*  */

